<!DOCTYPE html>
<html>

<head>
    <title>常用布局</title>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_50753_3hipdt989v6.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/style.css?id=1">
    <script src="../js/jquery.js"></script>
    <script src="../js/flexible.js"></script>
    <style>
        body{ padding-bottom: 1rem; padding-top: .8rem;}
    .order_list .left span:first-child{font-weight: bold;}
    .order_list .left span:nth-child(2){color: #999;}
    .order_list .right span:nth-child(2){color: #f23030;}
    .goods_list li .left span.pic img{border-radius:0;width: 1.6rem;height: 1.6rem;}
    </style>
</head>

<body class="bgf3f2f7">
        <div class="header">
                <div class="left"><i class="iconfont icon-fanhui1"></i></div>
                <!-- <div class="middle">标题</div> -->
                <div class="middle">标题</div>
                <div class="right">设置</div>
            </div>
    <ul class="link_ul mb10">
        <li>
            <div class="left">
                <span class="pic">
                    <img src="images/tx.jpg">
                </span>
                <span class="rows"><em>账单</em><em style="font-size:.24rem;color:#999;">1850****88185</em></span>
            </div>
            <div class="right">
                <i class="iconfont icon-more"></i>
            </div>
        </li>
    </ul>
    <ul class="link_ul mb10">
        <a href="#">
            <li>
                <div class="left">
                    <span style="color: red;"> <i class="iconfont icon-zhangdan"></i></span>
                    <span>账单</span>
                </div>
                <div class="right">
                    <i class="iconfont icon-more"></i>
                </div>
            </li>
        </a>
        <a href="#">
            <li>
                <div class="left">
                    <span style="color: #9266f9;"> <i class="iconfont icon-kaquan"></i></span>
                    <span>卡券</span>
                </div>
                <div class="right">
                    <i class="iconfont icon-more"></i>
                </div>
            </li>
        </a>
        <a href="tel:400-665-1798">
            <li>
                <div class="left">
                    <span style="color: #16c2c2;"> <i class="iconfont icon-kefu1"></i></span>
                    <span>客服</span>
                </div>
                <div class="right">
                    400-665-1798
                    <i class="iconfont icon-more"></i>
                </div>
            </li>
        </a>
        <a href="message.html">
            <li>
                <div class="left">
                    <span style="color: #736d84;"> <i class="iconfont icon-kefu1"></i></span>
                    <span>提示页面</span>
                </div>
                <div class="right">
                    演示 可删除
                    <i class="iconfont icon-more"></i>
                </div>
            </li>
        </a>
    </ul>
    <ul class="link_ul mb10 order_list">
        <li>
            <div class="left rows">
                <span>11040货柜</span>
                <span>2017/11/29 16:31</span>
            </div>
            <div class="right rows">
                <span>已完成</span>
                <span>￥40.00</span>
            </div>
        </li>
    </ul>
    <ul class="link_ul mb10 goods_list">
        <a href="#">
            <li>
                <div class="left">
                    <span class="pic">
                        <img src="images/goods02.jpg">
                    </span>
                    <span class="rows">
                        <em>丰扬 25克每日坚果混合坚果成人款 7袋装/30袋装</em>
                        <em style="font-size:.24rem;color:#f23030;">￥26.5</em>
                    </span>
                </div>
            </li>
        </a>
        <a href="#">
            <li>
                <div class="left">
                    <span class="pic">
                        <img src="images/goods02.jpg">
                    </span>
                    <span class="rows">
                        <em>丰扬 25克每日坚果混合坚果成人款 7袋装/30袋装</em>
                        <em style="font-size:.24rem;color:#f23030;">￥26.5</em>
                    </span>
                </div>
            </li>
        </a>
        <a href="#">
            <li>
                <div class="left">
                    <span class="pic">
                        <img src="images/goods02.jpg">
                    </span>
                    <span class="rows">
                        <em>丰扬 25克每日坚果混合坚果成人款 7袋装/30袋装</em>
                        <em style="font-size:.24rem;color:#f23030;">￥26.5</em>
                    </span>
                </div>
            </li>
        </a>
    </ul>
    <div class='block_item'>
        <div class='grids_1'>
          <div class='item'>
            <div class='icon'>
              <img src="images/daifukuan.png" />
            </div>
            <div class='txt'>待付款
            </div>
          </div>
          <div class='item'>
            <div class='icon'>
              <img src="images/daishouhuo.png" />
            </div>
            <div class='txt'>待收货
            </div>
          </div>
          <div class='item'>
            <div class='icon'>
              <img src="images/daituikuan.png" />
            </div>
            <div class='txt'>退换/售后
            </div>
          </div>
          <div class='item'>
            <div class='icon'>
              <img src="images/dingdan.png" />
            </div>
            <div class='txt'>全部订单
            </div>
          </div>
        </div>
      </div>
      <div class='block_item'>
        <div class='grids_1'>
          <div class='item'>
            <div class='icon'>
              <div class='a1'>17</div>
              <div class='a2'>个</div>
            </div>
            <div class='txt'>金币
            </div>
          </div>
          <div class='item'>
            <div class='icon'>
              <div class='a1'>17</div>
              <div class='a2'>个</div>
            </div>
            <div class='txt'>金豆
            </div>
          </div>
          <div class='item'>
            <div class='icon'>
              <div class='a1'>8</div>
              <div class='a2'>张</div>
            </div>
            <div class='txt'>优惠券
            </div>
          </div>
          <div class='item'>
            <div class='icon'>
              <div class='a1'>1186</div>
              <div class='a2'>元</div>
            </div>
            <div class='txt'>余额
            </div>
          </div>
        </div>
      </div>
      <div class="block_item">
        <ul class="tabs_1">
            <li>全部</li>
            <li>tab2</li>
            <li>tab3</li>
            <li>tab4</li>
            <li>tab5</li>
        </ul>
      </div>
    <div class="footer">
        <div class="left">
            <a href="#">
                <span>
                    <i class="iconfont icon-wode"></i>
                </span>
                <span>我的</span>
            </a>
            <a href="#">
                <span>
                    <i class="iconfont icon-kefu"></i>
                </span>
                <span>客服</span>
            </a>
        </div>
        <div class="right">
            <span>正在购物中</span>
        </div>
    </div>
</body>

</html>